﻿@{
    Layout = null;
}

<div id="home">
    <div class="row">
        <div class="span12">
            <div id="fonction">
                <div id="logo"><i class="fa fa-cube"></i></div>
                <div id="title"><b>A BEAUTIFUL</b> & SIMPLE APPLICATION</div>
                <div id="sous-title">NOS FONCTIONNALITES</div>
                <div id="desc-fonction">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut <br />                    enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor <br />                    in reprehenderit in voluptate velit Ut enim ad minim veniam.
                </div>
                <div class="row">
                    <div class="span4">
                        <center><div class="img-circle img-fonction"><i id="logo" class="fa fa-cloud"></i></div></center>
                        <div id="img-title-fonction">Outil collaboratif</div>
                        <div id="img-desc-fonction">Nous vous proposons de travailler à <br />                            plusieurs sur un même document pour <br />                            une meilleure éfficacité.<br />
                        </div>
                    </div>
                    <div class="span4">
                        <center><div class="img-circle img-fonction"><i id="logo" class="fa fa-code-fork"></i></div></center>
                        <div id="img-title-fonction">Outil collaboratif</div>
                        <div id="img-desc-fonction">Nous vous proposons de travailler à <br />                            plusieurs sur un même document pour <br />                            une meilleure éfficacité.<br />
                        </div>
                    </div>
                    <div class="span4">
                        <center><div class="img-circle img-fonction"><i id="logo" class="fa fa-paper-plane"></i></div></center>
                        <div id="img-title-fonction">Outil collaboratif</div>
                        <div id="img-desc-fonction">Nous vous proposons de travailler à <br />                            plusieurs sur un même document pour <br />                            une meilleure éfficacité.<br />
                        </div>
                    </div>
                </div> 
            </div>  
        </div>
    </div>

    <div id="accroche">
        <p>La création de vos document n’a jamais été aussi facile. DocAssit vous permez créer vos documents<br />        rapidement et facilement, pour cela, nous vous proposons des templates et du contenu générique,<br />         le tout “clé en main”<br />
        </p>
        <center>
            <a href="#">
                <div class="button-green pull-right">
                    <div class="link">Créez un document gratuitement</div>
                </div>
            </a>
            <a href="#">
                <div class="button-blue">
                    <div class="link">En savoir plus</div>
                </div>
            </a>
        </center>
    </div>

    <div id="fonction">
        <div id="logo"><i class="fa fa-heart-o"></i></div>
        <div id="title"><b>OUR</b> PROCESS</div>
        <div id="sous-title">STEP BY STEP</div>
        <div id="desc-fonction">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut <br />            enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor <br />            in reprehenderit in voluptate velit Ut enim ad minim veniam.
        </div>
    </div>  
</div>

